import React, { useState, useEffect } from 'react'
const Timer = (sj) => {
  // 存放时间
  const [date, setDate] = useState(new Date())
  // 只要数据变化useEffect是会时时刷新的
  useEffect(() => {
    const tick = () => setDate(new Date())
    // 每秒刷新一次tick
    const timerId = setTimeout(tick, 1000)
    // 返回一个清除函数， 清除函数会在组件卸载前执行，执行当前effect前对上一个effect进行清除   
    return () => clearTimeout(timerId)
  }, [date])
  return <div className="dowebok1">{getDate(date)}</div>
}
// 获得日期
const getDate = () => {
  const time = new Date()
  // 年
  const year = padZero(time.getFullYear())
  // 月
  const month = padZero(time.getMonth() + 1)
  // 日
  const day = padZero(time.getDate())
  // 时
  const hours = padZero(time.getHours())
  // 分
  const Minutes = padZero(time.getMinutes())
  // 秒
  const seconds = padZero(time.getSeconds())
  const resultTime = `${year}/${month}/${day} ${hours}:${Minutes}:${seconds}`
  return resultTime
}
// 判断日期是否是个位数
const padZero = n => {
  return n > 9 ? n : '0' + n
}
export default Timer